<!--
  @Description:活动页面楼层预览二维码(小程序端二维码)
  @Author: zqy
  @Date: 2020-09-05 13:57:47
  @Last Modified by:   zqy
  @Last Modified time: 2020-09-05 13:57:47
 -->
<template>
  <el-dialog
    ref="refDlg"
    width="400px"
    title="预览二维码"
    :visible.sync="visible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
    @close="closeDialog"
  >
    <div style="text-align:center;margin-bottom:20px">请使用手机扫描以下二维码进行预览</div>
    <div style="width:250px; height: 250px; margin:0 auto">
      <img :src="imageUrl" style="width:250px; height: 250px;">
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'AdLocationListDialog',
  components: {},
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    imageUrl: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    }
  },
  watch: {

  },
  created() {

  },
  methods: {
    closeDialog() {
      this.tableSelected = []
      this.$emit('update:visible', false)
      this.$emit('close')
    }
  }
}
</script>

<style lang='scss' scoped>
  .table-main{
    width: 100%;
    display: flex;
    .table-left{
      width: 50%;
      box-sizing: border-box;
    }
    .table-right{
      width:350px;
    }
    .table-left{
      flex:1;
      padding-right: 10px;
    }
    .table-right{
      padding-left: 10px;
      .qup-title-box{
        line-height: 28px;
        height: 28px;
        margin-bottom: 10px;
      }
      // padding-top: 38px;
      .table-list-box{
        margin-top: 0;
      }
    }
  }

  /deep/ .pagination-info{
    display: none !important;
  }
</style>
